@import "_lib.less";
@import "_reset.less";



.login-window { .radius(6px); .non-selectable; 
	.window-title { display: none; }
	.window-content { .radius(6px); padding: 20px 50px 42px; border: none; .gradient(#ddd,#aaa); .shadow(0 15px 15px 2px rgba(255,255,255,0.5) inset); 
		.buttons { text-align: center; }
	}
	.label { display: block; color: #333; font-weight: bold; font-size: 12px; padding: 10px 0 5px; text-shadow: 0 1px 0 rgba(255, 255, 255, .9); }
	.input { padding: 3px 4px; font-size: 15px; width: 160px; background: rgba(255,255,255,.6); border: 1px solid #333; .radius(3px);  
		.shadow(0 1px 0 rgba(255, 255, 255, 0.5), inset 0px 1px 2px rgba(0,0,0,0.2)); 
		&:focus { background: rgba(255,255,255,.9); }
	}
	.login-button { display: block; width: 25px; height: 25px; position: absolute; right: 5px; bottom: 5px; .bgicon('login-arrow.png', 0, -26px); 
		&:hover, &:focus { background-position: 0 0; outline: none; }
		&:active { background-position: 0 -52px; }
	}
}





